import React ,{useState} from 'react'
import Luo from 'iscroll-luo';
import {debounce,throttle} from "lodash"
type Props = {}

const Reading = (props: Props) => {
  const [data,setData] = useState([1,2,3,4,5])
  /** 下拉刷新 **/
  const onDown = ()=> {
    console.log("下拉刷新");
    
    /** 注意此处，就算没有数据或接口调用失败了等情况，也要刷一下原始数据，Luo内部才知道状态更新了 **/
  }
 
  /** 上拉加载更多 **/
  const onUp = debounce(() =>{
    console.log("上拉加载更多");
  },3000)
  // const onUp = ()=> {
  //   console.log("上拉加载更多");
    
  //   /** 注意此处，就算没有更多数据了或接口调用失败了等情况，也要刷一下原始数据，Luo内部才知道状态更新了 **/
  // }
  return (
    <div>
      <div style={{ position: 'relative', height: '100vh' }}>
  			<Luo
  				id='id'
  				onDown={ debounce(() =>onDown(),3000) }
          onUp={() => onUp()}
  			>
  				{
            data.map(item=>{
              return <div key={item}>{item}</div>
            })
  				}						
  			</Luo>
  		</div>
    </div>
  )
}

export default Reading